:root {
  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
  font-weight: 400;
  color-scheme: light dark;
  color: rgba(255, 255, 255, 0.87);
  background-color: #242424;

  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  // element组件库主题自定义
  --el-color-danger:#dc2626;
  --el-color-error:#dc2626;
}

@media (prefers-color-scheme: light) {
  :root {
    color: #213547;
    background-color: #ffffff;
    /* @apply bg-light-100; */
  }
  a:hover {
    color: #747bff;
  }
  button {
    background-color: #f9f9f9;
  }
}

.flexBetween{
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.flexCenter{
  justify-content: center;
  align-items: center;
}

/**全局加载进度条**/
#nprogress .bar {
  background-color: #a1c5fc;
}

.el-header{
  padding: 0;
}